	<template>
   <div
    class="all"
    :style="{ height: screenHeight + 'px', width: screenWidth + 'px' }"
  >
    <div class="top">
      <div style="width: 60px" @click="returnTap">取消</div>
      <span>群公告</span>
      <div style="width: 60px; text-align: right" @click="bianjiTap">编辑</div>
    </div>
    <div class="list">
      <img class="list_img" src="../../assets/images/logo.png" alt="" />
      <div class="list_msg">
        <span>我的世界</span>
        <span>2020-08-12 12:10:10</span>
      </div>
    </div>
    <div class="bianji">哈哈哈哈哈哈哈哈哈</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
            screenWidth: window.innerWidth,
      screenHeight: window.innerHeight,
    };
  },
  methods: {
    returnTap() {
      this.$router.go(-1);
    },
    bianjiTap() {
      this.$router.push("/gongaoedit");
    },
  },
};
</script>
<style scoped>
.all {
  background: #4AC7D7;
}
.top {
  height: 60px;
  width: 90%;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 60px;
  position: relative;
  background: #eeeeee;
}
.list {
  display: flex;
  align-items: center;
  height: 60px;width: 94%;
  margin-left: 3%;
  border-bottom: 1px solid #f5f5f5;
  color: #fff;
}
.list img {
   width: 40px;
   height: 40px;
   border-radius: 5px;
}
.list_msg{
    display: flex;
    flex-direction: column;
    font-size: 15px;
    margin-left:10px;
}
.bianji{
   width: 94%;
  margin-left: 3%; 
  font-size: 18px;
  
}
</style>